// 主题颜色
$theme-color: #1890ff;
// 选中时的主题颜色
$theme-active-color: #106ec4;

$menu-bgcolor: #001831;

// 表格头部背景颜色
$table-header-bgcolor: #f2f2f2;
// 部分按钮或者文字的颜色
$error-color: #ed4014;
$warning-color: #ff9900;
$success-color: #19be6b;
$info-color: #1890ff;
#app {
  height: 100vh;
  overflow: auto;
}
// 带表格视图头部，第一个div含有input,查询按钮，第二个div含有操作按钮
.view-header {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 10px;
  > div:nth-child(1) {
    flex: 1;
    .ivu-input-type-text {
      width: 200px;
    }
    .ivu-select {
      width: 180px;
    }
    > * {
      margin-right: 10px;
    }
  }
  > div:nth-child(2) {
    .ivu-btn {
      margin-left: 10px;
    }
  }
}
// 不可修改的文本框去掉边框样式
.ivu-input[disabled] {
  background-color: transparent !important;
  color: #515a6e;
  border: none;
}
// 对话框自定义页脚
.ivu-modal {
  .ivu-modal-body {
    padding: 16px 0px;
    .modal-body {
      padding: 0px 16px;
      .form-label-row2{
        display: flex;
        margin-bottom: 10px;
        > div:first-child {
          margin-right: 5px;
          width: 120px;
          line-height: 2.3;
          text-align: right;
          span{
            color: #ed4014;
          }
        }
        .text-value{
          line-height: 2.3;
        }
        > div:last-child {
          margin-left: 5px;
          flex: 1;
          .ivu-date-picker{
            width: 100%;
          }
        }
      }
      .form-label-row{
        display: flex;
        margin-bottom: 10px;
        > div:first-child {
          margin-right: 5px;
          width: 80px;
          line-height: 2.3;
          text-align: right;
          span{
            color: #ed4014;
          }
        }
        > div:last-child {
          margin-left: 5px;
          flex: 1;
        }
      }
      .form-row {
        display: flex;
        margin-bottom: 10px;

        > div {
          flex: 1;
        }

        > div:first-child {
          margin-right: 5px;
        }

        > div:last-child {
          margin-left: 5px;
        }
      }
    }
    .modal-footer {
      display: flex;
      justify-content: center;
      padding-top: 16px;
      border-top: 1px solid #e8eaec;
      .ivu-btn {
        padding: 0 24px;
        margin: 0px 10px;
      }
    }
  }
}
//表格头部背景色
.ivu-table th{
  background-color: #f2f2f2 !important;
}
.ivu-func-but.ivu-btn {
  padding: 0 24px;
  margin: 0px 10px;
}
.ivu-table-cell-with-selection{
  text-overflow: unset !important;
}
.errorP{
  color: $error-color;
  font-size: 13px;
  margin-bottom: 10px;
}
.vertical-center-modal{
  .ivu-modal{
    top:30%;
  }
}
.modal-table{
  width: 100%;
  td{
    border: 1px solid #d1d1d1;
    padding: 5px;
    text-align: center;
    .ivu-input-number{
      width: 100%;
    }
  }
  thead{
    background-color: #f8f8f9;
    td{
      text-align: center;
      line-height: 2;
    }
  }
  .bg{
    background-color: #ededed;
  }
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dt,
dd {
  /* 默认有边距，都要清除 */
  margin: 0;
  padding: 0;
  /*字体设置*/
  font-size: 14px;
  font-family: "Microsoft Yahei", sans-serif;
  color: #333;
  /* 去掉列表的原点 */
  list-style: none;
  /* 默认鼠标 */
  cursor: default;
}

/*可选*/
html,
body {
  width: 100%;
  height: 100%;
}

/*行内块元素*/
input,
img {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline-style: none;
  vertical-align: center;
}

/*行内元素*/
a,
a:active,
a:visited {
  /*下划线和颜色*/
  color: #409dff;
}

a:hover {
  color: #333;
}

textarea {
  /* 边框清零 */
  border: none;
  /* 轮廓线清零 */
  outline: none;
  /* 防止文本域被随意拖拽 */
  resize: none;
}

i {
  /*文字样式*/
  font-style: normal;
}

table {
  /*边框合并*/
  border-collapse: collapse;
  border-spacing: 0;
}

/* 使用伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: none;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* 版心*/
.w {
  width: 1883px;
  margin: 0 auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}

body {
  overflow: hidden;
}

.el-table td div,
td {
  overflow: hidden;
  /* 内容超出宽度时隐藏超出部分的内容 */
  white-space: nowrap;
  /* 不换行 */
  text-overflow: ellipsis;
  /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
  padding-left: 10px;
  padding-right: 10px;
}

/*滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.02);
}
